<!DOCTYPE html>
<!--START ACCOUNT LOGIN FROM RIGHT -->
    
<nav class="account-login-main-nav" id="account-login-main-nav">
    
    <a href="#">
        <div id="acount-login-main-nav-navigation-box">
            <img src="bilder/cross-right-menu-black.png" onmouseover="this.src='bilder/cross-right-menu-blue.png';" onmouseout="this.src='bilder/cross-right-menu-black.png'">
        </div>
    </a>
    <div id="account-login-description">
        <h4>Log in with a Wextr account.</h4>
    </div>
    
    <div id="account-login-form">
        <h4>Username</h4>
        <form class="login-form">
            <input type="text" autocomplete="off" placeholder="" id="usernameInput" required>
        <h4>Password</h4>
            <input type="password" autocomplete="off" placeholder="" id="passwordInput" required>
        <!--<h6>Forgot password?</h6>-->
        <input type="submit" id="account-login-button" value="LOG IN" >
        </form>
        <div id="login-err-msg"></div>
    </div>
    
    <div id="account-login-options">
        <h6>Don´t have an account yet? Get one!</h6>
        <a href="#account-create-account-main-nav">
            <div id="account-login-options-create-account">CREATE ACCOUNT</div>
        </a>
    </div>



    
    
</nav>

<!--END ACCOUNT LOGIN FROM RIGHT -->

<!--START ACCOUNT Create account FROM RIGHT -->
    
<nav class="account-create-account-main-nav" id="account-create-account-main-nav">    
    <a href="#">
        <div id="account-create-account-main-nav-navigation-box">
            <img src="https://cdn2.iconfinder.com/data/icons/flat-ui-icons-24-px/24/cross-24-32.png"  alt="Navigation Button">
        </div>
    </a>
    
    <div id="account-create-account-form">
        <form onsubmit="registerSubmit();" class="account-create-account-info-form">
        <h4>E-mail</h4>   
            <input id="emailInput" type="text" autocomplete="off" placeholder="" required>        
        <h4>Username</h4>        
            <input id="usernameInputRegister" type="text" autocomplete="off" placeholder="" required>
        <h6>(Only letters A-Z & numbers 1-9)</h6>
        <br>
        <h4>Password</h4>        
            <input id="passwordInputRegister" type="password" autocomplete="off" placeholder="" required>       
        <h4>Repeat Password</h4>        
            <input id="repeatedPassword" type="password" autocomplete="off" placeholder="" required> 
        
        <input id="account-create-account-button" type="submit" value="Register">
     
    </form>
        </div>
    
    <div id="error_message"></div>
    
    <div id="account-create-account-agree-to-terms">
        <h6>By creating an account on Wextr, you agree to accept our terms and our policy. <a href="terms-and-policy.html" target="_blank"><FONT COLOR="D34836">Read more.</FONT></a></h6>
    </div>
</nav>